<template>
	<div class="component-item" :class="active?'selected':''" v-if="moduleData">
		<div class="flex center preview-item-top">
			<div class="del" @click.stop="delModule">
				<Icon type="ios-trash" size='22' style="color: white;" />
			</div>
		</div>
        <div class="component-content">
        	<div class="search disFlex Flex-center Flex-middle">
                 <img src="https://www.banchengyun.com/wechat/static/image/search.png" />
                 <p v-if="moduleData.data" class="text">{{moduleData.data.placeholder}}</p>
             </div>
        </div>
    </div>
</template>

<script>

export default {
  	name: 'TalentModule',		
	props: {
		/**
	     * @description 起始值，即动画开始前显示的数值
	     */
	    moduleData: {
	      type: Object,
	      default: null
	    },
	    active: {
	    	type: Boolean,
	    	default: false
	    }
	},
    data () {
        return {
        	curpage: 0
    	}
    },
    methods: {
    	delModule() {
			this.$emit("delModule",this.moduleData);		
    	}
    },
    created() {
    },
    components: {
	}
 }
</script>

<style scoped>	
@import url("../baseModule.less");

.search { padding: 7px 0; background-color:#F6F6F6; border-radius:15px; margin-bottom: 11px; }
.search img { width: 19px; height: 19px; margin-right: 4px; }
.search p { font-size: 14px;color:#999; transform: translateY(1px);}

</style>
